<!doctype html>
<html lang="en">
  <head>
    <script type="module" crossorigin src="/frontend-mini-challenges/javascript/assets/index-B1aENzF5.js"></script>
    <link rel="modulepreload" crossorigin href="/frontend-mini-challenges/javascript/assets/navbar-PAFhV-cJ.js">
    <link rel="modulepreload" crossorigin href="/frontend-mini-challenges/javascript/assets/header-DIqzw3PH.js">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/navbar-Dkne97UN.css">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/header-DAZPOirm.css">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/javascript/assets/index-C7clztVD.css">
  </head>
  <body>
    <div class="container text-center">
      <div class="display" id="display">
        <span>:</span>
        <input type="text" id="minMSB" value="0" />
        <input type="text" id="minLSB" value="1" />
        <input type="text" id="secMSB" value="0" />
        <input type="text" id="secLSB" value="5" />
      </div>
      <div id="controls">
        <button class="btn btn-primary" id="start">Start</button>
        <button class="btn btn-primary" id="stop" disabled>Stop</button>
        <button class="btn btn-primary" id="reset">Reset</button>
      </div>

      <p>Please enter a valid time in <strong>MM:SS</strong></p>
    </div>
  </body>
</html>
